<template>
  <view class="case-page">
 
    <!-- 正确跳转到登录页 -->
    <button class="jump-btn" @click="goLogin">跳转到登录页</button>
    <!-- 正确跳转到城市探索 -->
    <button class="jump-btn" @click="goCity">城市探索</button>
    <!-- 正确跳转到新闻卡片（cardView） -->
    <button class="jump-btn" @click="goNewsCard">新闻卡片组件</button>
  </view>
</template>

<script>
export default {
  methods: {
   
   
    goLogin() {
      uni.redirectTo({ url: '/pages/login/login' })
    },
    goCity() {
      uni.navigateTo({ url: '/pages/city/city' })
    },
    goNewsCard() {
      // 确保这里路径是cardView，不会跳错
      uni.navigateTo({ url: '/pages/cardView/cardView' })
    }
  }
}
</script>

<style scoped>
.case-page {
  padding: 30rpx;
  display: flex;
  flex-direction: column;
  gap: 20rpx;
  background: #f5f5f5;
  min-height: 100vh;
}

.jump-btn {
  width: 100%;
  height: 80rpx;
  border-radius: 8rpx;
  background: #fff;
  color: #333;
  border: 1px solid #eee;
}

.jump-btn::after { border: none; }
</style>